<template>
  <el-menu
    router
    :default-active="$route.path"
    class="el-menu-vertical-demo"
  >
    <el-menu-item index="/grouping" :route="{path: '/grouping'}">
      <el-icon><setting /></el-icon>
      <span>考官随机分组</span>
    </el-menu-item>
    <el-menu-item index="/cardNumber" :route="{path: '/cardNumber'}">
      <el-icon><icon-menu /></el-icon>
      <span>人员卡号</span>
    </el-menu-item>
    <el-menu-item index="/achievement" :route="{path: '/achievement'}">
      <el-icon><Document /></el-icon>
      <span>考生成绩排序</span>
    </el-menu-item>
  </el-menu>
</template>

<script setup>
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting,
} from '@element-plus/icons-vue'
</script>
<style lang="scss" scoped>
.el-menu-vertical-demo{
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
}
</style>
